<!DOCTYPE html>
<html>
<head>
 <base href="">   
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>标题</title>  
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
		<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>	
<script src="hyl.city.js"></script>
</head>
<body>

<div class="main-content-inner">
	<div class="breadcrumbs ace-save-state" id="breadcrumbs">
		<ul class="breadcrumb">
			<li><i class="ace-icon fa fa-home home-icon"></i>角色管理</li>
			
		</ul>
	</div>
	<div class="page-content">
		<!-- page-header{ -->
		<div class="page-header">

			<div class="row">
				<div class="col-xs-12">
					<div class="clearfix">
						<div class="pull-right tableTools-container"></div>
						<div class="">
							<div class="btn-group" style="margin-top: 5px">
								<a href="#" class="btn-refresh btn  btn-xs "> <i
									class="im-spinner10 fa-spin"></i> 刷新
								</a> <a href="#" class="bt-back btn  btn-xs "> <i
									class="im-spinner10 fa-spin"></i> 后退
								</a>

							</div>
						</div>
					</div>
					<div id="demo" class="panel-collapse collapse ">
						<div class="panel-body well">
							<form>

								<div class="col-lg-12 col-sm-12">
									<button type="submit"
										class="btn btn-success btn-sm  pull-right">
										<span class="ace-icon fa fa-search icon-on-right bigger-110"></span>
										查找
									</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>

		</div>
		<!-- }page-header  -->

		<!-- table header2{ -->
		<div class="row">
			<div class="col-xs-9 tablehead2L"></div>
			<div class="col-xs-3 tablehead2R"></div>
		</div>
		<!-- }table -header2  -->
		<!--  table { -->

		<div class="row">
			<div class="col-xs-12">

				<form class="form-horizontal" action="" role="form">

	<br>
					
					<div class="space-4"></div>
					<div  class="form-group" id="dldz">
						<label class="col-sm-2 control-label no-padding-right"
							for="form-field-1-1">代理地址</label>
						<div class="col-sm-8">
							<select id="province1" onchange="showCity(this)" class="width-25">
								<option value="">=请选择省份=</option>
							</select>
							<!--城市选择-->
							<select id="city1" onchange="showCountry(this)" class="width-25">
								<option value="">=请选择城市=</option>
							</select>

							<!--县区选择-->
							<select id="region1" onchange="selecCountry(this)"
								class="width-25">
								<option value="">=请选择县区=</option>
							</select>
						</div>
						<label class="col-sm-2 "> </label>
					</div>
					<br>
					
					<div class="space-4"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label no-padding-right"
							for="form-field-1-1"> 开户所省市</label>
						<div class="col-sm-8">
							<select id="province"  class="width-25">
								<option value="">=请选择省份=</option>
							</select>
							<!--城市选择-->
							<select id="city"  class="width-25">
								<option value="">=请选择城市=</option>
							</select>

							<!--县区选择-->
							<select id="region"	class="width-25">
								<option value="">=请选择县区=</option>
							</select>
						</div>
						<label class="col-sm-2 "> </label>
					</div>
				

				</form>
	<br>
				  <button onclick="fun1()">提交</button>
			</div>
		</div>
	</div>

</div>


<script>
$(function(){	});
	//无需附加onchange事件
	var cs= new CitySelect('province','city','region');
	var cs1= new CitySelect('province1','city1','region1');
cs1.load('湖北省','省直辖县级行政单位','神农架林区');
	
	//console.log(1111)
function fun1(){
	//alert(11)
	
	
	console.log("组件1",cs1.getAddr());
	console.log("组件1",cs1.data.prov);
	console.log("组件1",cs1.data.city);
	console.log("组件1",cs1.data.country);
	//console.log("组件",cs.getAddr())
	//cs1.getAddr()

}

</script>



</body>
</html>


